<template>
    <BorderBox13 :color="[formatConfigData.top.borderColor1, formatConfigData.top.borderColor2]">
        <div class="top-itm" :style="{ gridTemplateRows: formatConfigData.top.gridTemplateRows }">

            <div class="top-itm-top">{{ formatConfigData.top.top1.name }}</div>
            <div class="top-itm-line"></div>
            <div class="top-itm-bottom">
                <div class="top-itm-bottom-itm top-itm-bottom-left"
                    :style="{ gridTemplateRows: formatConfigData.top.topItmTottom_gridTemplateRows }">
                    <div class="top-itm-bottom-itm-title">{{ formatConfigData.top.top1.titleLeft }}</div>
                    <div class="top-itm-bottom-itm-content">{{ formatConfigData.top.top1.contentLeft }}</div>
                </div>
                <div class="top-itm-bottom-itm top-itm-bottom-right"
                    :style="{ gridTemplateRows: formatConfigData.top.topItmTottom_gridTemplateRows }">
                    <div class="top-itm-bottom-itm-title">{{ formatConfigData.top.top1.titleRight }}</div>
                    <div class="top-itm-bottom-itm-content">{{ formatConfigData.top.top1.contentRight }}</div>
                </div>
            </div>

        </div>

    </BorderBox13>
</template>

<script setup>

import { ref, reactive, onMounted, onActivated } from 'vue'
import { BorderBox13, BorderBox8, Decoration7, Decoration2 } from '@dataview/datav-vue3'



onMounted(() => {

})
onActivated(() => {

})

// 查询数据
const getEv = async (msg) => {
    
}

</script>

<style lang='less' scoped>
.tr {
    height: 100%;
}


</style>